<!doctype html>
<html style="height:100%">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="css/api.css"/>
    <link rel="stylesheet" type="text/css" href="css/yzl.css"/>

    <title>test</title>
    <style>
    .app_tap{
      width: 80%;
      margin: 0 auto;
      padding-top: 20px;
    }
    .app_tap span:first-child{
      float: left;
      width: 50%;
    }
    .app_tap span:last-child{
      float: left;
    }
    .updateapp{
      width: 100px;
      margin: 0 auto;
      line-height: 30px;
      margin-top: 100px;
      color: #ffffff;
      text-align: center;
      background: #3DA8F6;
    }
    </style>

</head>
<body>
<div id="app" style="padding-top:50px">
  <div class="app_taps" style="width:100%;height:300px;">
    <div class="app_tap">
      <span>设备类型 :</span>
      <span>{{phoneinfo.device_type}}</span>
    </div>
    <div class="app_tap">
      <span>安卓设备号 :</span>
      <span>{{phoneinfo.androidId}}</span>
    </div>
    <div class="app_tap">
      <span>设备序列号 :</span>
      <span>{{phoneinfo.androidId}}</span>
    </div>
    <div class="app_tap">
      <span>系统版本 :</span>
      <span>{{phoneinfo.os_version}}</span>
    </div>
    <div class="app_tap">
      <span>IDFA :</span>
      <span>{{phoneinfo.idfa}}</span>
    </div>
    <div class="app_tap">
      <span>IMEI :</span>
      <span>{{phoneinfo.imei}}</span>
    </div>
    <div class="app_tap">
      <span>IMSI :</span>
      <span>{{phoneinfo.imsi}}</span>
    </div>
    <div class="app_tap">
      <span>手机mac地址 :</span>
      <span>{{phoneinfo.mac}}</span>
    </div>
    <div class="app_tap">
      <span>网络情况 :</span>
      <span>{{phoneinfo.network}}</span>
    </div>
    <div class="app_tap">
      <span>用户真实IP地址 :</span>
      <span>{{phoneinfo.ip}}</span>
    </div>
    <div class="app_tap">
      <span>UA信息 :</span>
      <span>{{phoneinfo.user_agent}}</span>
    </div>
    <div class="app_tap">
      <span>手机品牌 :</span>
      <span>{{phoneinfo.brand}}</span>
    </div>
    <div class="app_tap">
      <span>手机型号 :</span>
      <span>{{phoneinfo.model}}</span>
    </div>
    <div class="app_tap">
      <span>屏宽 :</span>
      <span>{{phoneinfo.width}}</span>
    </div>
    <div class="app_tap">
      <span>屏高 :</span>
      <span>{{phoneinfo.height}}</span>
    </div>
    <div class="app_tap">
      <span>国家 :</span>
      <span>{{phoneinfo.country}}</span>
    </div>
    <div class="app_tap">
      <span>语言 :</span>
      <span>{{phoneinfo.language}}</span>
    </div>
  </div>
  <div class="updateapp">更新</div>
</div>
</body>
<script src="script/api.js"></script>
<script src="script/vue.js"></script>
<script src="script/app.js"></script>
<script src="script/common.js"></script>
<script src="script/url.js"></script>
<script src="script/components.js"></script>

<script>
  var vm;
  var phoneinfo = {};
  var phoneinfomore = {};

  apiready = function () {


    var callback = function (ret) {
      console.log(ret);

      if(ret){
        phoneinfomore = ret;
        console.log(JSON.stringify(phoneinfomore));
        phoneinfo.device_type = api.systemType;
        phoneinfo.androidId = api.systemType;
        phoneinfo.serial_number = api.systemType;
        phoneinfo.os_version = api.systemVersion;
        phoneinfo.idfa = api.systemType;
        phoneinfo.imei = phoneinfomore.imei;
        phoneinfo.imsi = phoneinfomore.imsi;
        phoneinfo.mac = phoneinfomore.ipMac;
        phoneinfo.network = api.connectionType;
        phoneinfo.ip = phoneinfomore.ip;
        phoneinfo.user_agent = api.systemType;
        phoneinfo.brand = phoneinfomore.brand;
        phoneinfo.model = api.deviceModel;
        phoneinfo.width = api.screenWidth;
        phoneinfo.height = api.screenHeight;
        phoneinfo.country = api.systemType;
        phoneinfo.language = api.systemType;
        console.log(JSON.stringify(phoneinfo));

        vm = new Vue({
            el: '#app',
            data: {
                phoneinfo: phoneinfo,
            }
        });
      }
    };

    console.log("aaaaaaaaaa");
    var phoneInfoMoreModule = api.require('phoneInfoMore');
    var ret = phoneInfoMoreModule.getBaseInfo(callback);
    console.log("tttttttttttttt");

    // setTimeout(function(){
    //
    //
    // }, 1000);
    // };


}



</script>
</html>
